<%--
  Created by IntelliJ IDEA.
  User: 82387
  Date: 2018/10/12
  Time: 15:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/meta.jsp"%>
<html>
<head>
</head>
<body>
<form id="deptPrintForm">
    <table cellpadding="0" cellspacing="0" class="table_form">
        <!--普通表单填写表格使用table_form-->
        <colgroup>
            <col style="width: 50px;"/>
            <col style="width: 100px;"/>
        </colgroup>
        <!--表单表格宽度控制使用colgroup，每个col对应下方的一个td，或者th，上下是对齐的-->
        <thead></thead>
        <!--表头-->
        <tbody>
        <!--表内容，th是蓝色字体，主要放字段名，td为字段内容-->
        <tr>
            <th >月份:</th>
            <td><input type="text" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM'})" name="sysDate" /></td>
        </tr>
        <tr>
            <th >所属部门:</th>
            <td>
                <input class="easyui-combobox" name="deptId"
                       data-options="prompt: '---请选择---',panelHeight:'auto',valueField:'id',textField:'departName',url:'${ctx}/dept/getConombox'"/>
            </td>
        </tr>
        </tbody>
    </table>
</form>
<div style="text-align: center; margin-top:15px;">
    <a href="javascript:void(0);" class="a_blue btn_op" id="deptPrint"><em>打印</em></a>
</div>
<script type="text/javascript">
    //表单验证
    $("#deptPrintForm").validate({
        rules:{
            deptId:{required: true},
            sysDate:{required: true}
        }
    });
    $("#deptPrint").click(function () {
        if(!$("#deptPrintForm").validate().form()){
            return false;
        }
        window.open("${ctx}/wage/deptPrint?"+$("#deptPrintForm").serialize(), "_blank");
        $('#openDialog').window("close");

    });
</script>
</body>
</html>
